<template>
  <div id="app" >
    <div class="layout">
      <router-view ref="ziluyou">
      </router-view>
    </div>
  </div>
</template>

<script>
  import $ from 'jquery'
  import { mapState } from 'vuex'
  import publiccss from '../assets/css/public.css'
  import global from '@/assets/js/common.js'
  let count = 0

  export default {
    name: 'App',
    data() {
      return {
      }
    },
    computed: {
      ...mapState(["nowpage"]),
    },
    watch: {
    },
    created() {
    },
    components: {},
    methods: {
      quzhuye(name) {
        this.$store.commit('changenowpage', name);
      }
    }
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  #app .hover-row>td {
    /*background: #ebedf0;*/
    background:#e1e1e1;
  }

  #app .current-row>td {
    /*background: #ebedf0;*/
    background: #e1e1e1;

  }
  .layout{
    width:100%;
    height:100%;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td {
    /*background-color: rgba(177, 216, 255, .4) !important;*/
    background-color: #ebedf0;
  }
</style>